<template>
  <div>
    <ColorPicker v-model:color="colorValue"></ColorPicker>
  </div>
</template>

<script lang="ts">
import { defineAsyncComponent, defineComponent, ref, watch } from 'vue';
const ColorPicker = defineAsyncComponent(() => import('components/common/ColorPicker.vue'));

export default defineComponent({
  name: 'ComponentPropsItem',
  components: {
    ColorPicker
  },
  setup (props, context) {
    const colorValue = ref('#000000')

    return{
      colorValue
    }
  }

})
</script>

<style scoped>

</style>

